<template>
    <div class="container">
        打印动画
        <PrintContainer
            :startDelay="1000"
            animation
            @complete="showNext = true"
        >
            <Child />
        </PrintContainer>
        <PrintContainer
            v-if="showNext"
            :startDelay="1000"
            animation
        >
            <Child />
        </PrintContainer>
    </div>
</template>

<script setup>
    import { ref } from "vue";
    import Child from "./Child.vue";
    import PrintContainer from "./PrintContainer/index.vue";

    const showNext = ref(false);
</script>
<style lang="less" scoped>
    .container {
    }
</style>
